import 'package:flutter/material.dart';

class RowColComp extends StatelessWidget {
  const RowColComp({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          width: double.infinity,
          height: 100,
          decoration: const BoxDecoration(
            color: Colors.pink,
          ),
          child: Row(
            // 设置主轴的对齐方式
            mainAxisAlignment: MainAxisAlignment.center,
            // 设置侧轴的对齐方式
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Image.asset('assets/open_eyes.png', width: 70, height: 70),
              Image.asset('assets/open_eyes.png', width: 70, height: 70),
              Image.asset('assets/open_eyes.png', width: 70, height: 70),
            ],
          ),
        ),
        const SizedBox(height: 10),
        Container(
            width: double.infinity,
            height: 200,
            decoration: const BoxDecoration(
              color: Colors.white,
            ),
            alignment: Alignment.center,
            child: Container(
                width: 200,
                height: 200,
                decoration: const BoxDecoration(
                  color: Colors.green,
                ),
                child: Column(
                  // 设置主轴的对齐方式
                  mainAxisAlignment: MainAxisAlignment.start,
                  // 设置侧轴的对齐方式
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    Image.network(
                        'https://yanxuan-item.nosdn.127.net/72e734dd1a4d35ce650afebdaa600b57.png',
                        width: 200,
                        height: 130,
                        fit: BoxFit.cover),
                    const Padding(
                        padding: EdgeInsets.symmetric(vertical: 5),
                        child: Text('美妆效果嘎嘎不卡粉末面刷')),
                    const Text('¥99.90'),
                  ],
                )))
      ],
    );
  }
}
